<template>
  <div>
    <h2>Login</h2>
    <h2>{{ counter }}</h2>
    <button @click="increment">数字++</button>
  </div>
</template>

<script>
import { mapState, mapActions } from 'pinia'
import useLoginStore from '@/store/login'
export default {
  name: 'Login',
  computed: {
    ...mapState(useLoginStore, ['counter'])
  },
  methods: {
    ...mapActions(useLoginStore, ['increment'])
  }
}
</script>

<style lang="less" scoped></style>
